﻿@page "/videos"

<PageTitle>Video Library</PageTitle>

<div class="flex justify-center my-10">
    <div class="text-center">
        <svg class="text-indigo-600 w-36 h-36 inline-block" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m18 16l-4-3.2V16H6V8h8v3.2L18 8m2-4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Z" /></svg>
        <h1 class="text-6xl md:text-7xl lg:text-8xl font-bold tracking-tighter leading-tight md:leading-none mb-12 text-center md:text-left">
            Videos
        </h1>
    </div>
</div>

<VideoGroup
    Title="Blazor Web Apps"
    Summary="Use ServiceStack.Blazor Templates and Components to rapidly develop Blazor Web Apps"
    Group="blazor"
    LearnMore="https://servicestack.net/blazor"
    Background="bg-slate-100 dark:bg-slate-800" />

<VideoGroup
    Title="Vue Components"
    Summary="Learn about productive features in our growing Vue Component Library"
    Group="vue"
    LearnMore="https://docs.servicestack.net/vue/" />
